.coursePageBox{
    width: 100%;
    // min-width: 1200px;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    .pageBrand{
        width: 100%;
        // text-align: center;
        // padding: 51px 0;
        // background: url("../static/image/icon-marksimos.jpg") no-repeat center;
        // background-size: cover;
        img{
            display: inline-block;
            // width: 249px;
            width: 100%;
        }
    }
    .pageContant{
        width: 100%;
        box-sizing: border-box;
        padding: 44px 40px 100px 40px;
        .pageDetail{
            margin-bottom: 50px;
            .titleAll{
                position: relative;
                img{
                    position: absolute;
                    top: -10px;
                    right: 5%;
                    display: inline-block;
                    width: 175px;
                    // height: 45px;;
                }
            }
            .pageTitle{
                font-size: 26px;
                color: #333333;
                font-weight: 600;
                text-align: center;
                margin-bottom: 18px;
            }
            .pageSub{
                position: relative;
                font-size: 12px;
                color: #808080;
                text-align: center;
                // margin: 0 30px;
                margin-bottom: 22px;
            }
            // .pageTip{
            //     display: flex;
            //     width: 100%;
            //     .pageEnglish{
            //         flex: 1;
            //         margin-left: 15%;
            //     }
            //     .pageEdit{
            //        display: inline-block;
            //        width: 15%;
            //         i{
            //             display: inline-block;
            //             background-color: #8c81c3;
            //             width: 111px;
            //             height: 28px;
            //             line-height: 28px;
            //             text-align: center;
            //             border-radius: 5px;
            //             color: #fff;
            //             font-style: normal;
            //             cursor: pointer;
            //             img{
            //                 display: inline-block;
            //                 width: 11px;
            //                 height: 1s1px;
            //                 margin-right: 7px;
            //             }
            //         }
            //     }
            // }
            .pageLine{
                width: 18px;
                height: 2px;
                background-color: #808080;
                margin: 0 auto;
                margin-bottom: 30px;
            }
            .pageTable{
                width: 100%;
                table{
                    width: 100%;
                    thead{
                        tr{
                            line-height: 50px;
                            box-shadow: 0px 0px 4px 4px #f9f9f9;
                            th{
                                font-size: 14px;
                                color: #414141;
                                text-align: center;
                            }
                        }
                    }
                    tbody{
                        tr{
                            td{
                                padding: 38px 0;
                                text-align: center;
                                font-size: 14px;
                                color: #414141;
                                input{
                                    width: 100%!important;
                                    text-align: center;
                                    border: none!important;
                                }
                                span{
                                    display: inline-block;
                                    background-color: #8c81c3;
                                    width: 111px;
                                    height: 28px;
                                    line-height: 28px;
                                    text-align: center;
                                    border-radius: 5px;
                                    color: #fff;
                                    cursor: pointer;
                                    img{
                                        display: inline-block;
                                        width: 11px;
                                        height: 11px;
                                        margin-right: 7px;
                                    }
                                }
                                .el-input{
                                    width: 100%!important;
                                }
                            }
                        }
                    }
                }

                // 第二版
                .courseBox{
                    width: 100%;
                    height: 100%;
                    overflow: auto;
                    padding-bottom: 20px;
                    border-bottom: 1px solid #DDDCDD;
                    .meetingRom{
                        line-height: 20px;
                        text-align: center;
                        color: #8c81c3;
                        text-decoration: underline;
                        cursor: pointer;
                        margin-bottom: 20px;
                        img{
                            display: inline-block;
                            margin-right: 20px;
                            vertical-align: top;
                        }
                    }
                    .course-content{
                        display: flex;
                        &>div{
                            flex: 1;
                            h3{
                                color: #8c81c3;
                                font-size: 18px;
                                margin-bottom: 10px;
                            }
                        }
                        .courseTimeBoxOne{
                            margin-bottom: 40px;
                        }
                        .courseTimeBox{
                            line-height: 30px;
                            h4{
                                font-weight: bold;
                                //line-height: 50px;
                                
                                
                            }
                            .timeLine{
                                display: flex;
                                &>div{
                                    flex: 1;
                                }
                            }
                        }
                        .invitation-code{
                            color: #8c81c3;
                            font-weight: bold;
                            font-size: 18px;
                            margin: 10px 0;
                        }
                    }
                    .courseBtn{
                        margin: 10px 0;
                        text-align: right;
                        cursor: pointer;
                        .bntc{
                            display: inline-block;
                            width: 111px;
                            height: 28px;
                            border-radius: 5px;
                            text-align: center;
                            color: #ffff;
                            line-height: 28px;
                            

                        }
                        a{
                            display: inline-block;
                            background-color: #8c81c3;
                            // background: url('../static/image/icon-eye.png') no-repeat left #8c81c3;
                            // background-position-x:8px;
                            img{
                                display: inline-block;
                                margin-right: 7px;
                            }
                        }
                        span{
                            display: inline-block;
                            background-color: #8c81c3;
                            margin-left: 20px;
                            // background: url('../static/image/icon-eye.png') no-repeat left #8c81c3;
                            // background-position-x:8px;
                           img{
                            width: 11px;
                            height: 11px;
                            margin-right: 7px;
                           }
                        }
                    }
                }
            }
            .pageMemberAll{
                display: flex;
                flex-wrap: wrap;
                width: 100%;
                // .pageMembers{
                //     display: flex;
                //     border-bottom: 1px solid #eaeaea;
                //     padding-bottom: 31px;
                //     margin-bottom: 48PX;
                //     &:last-child{
                //         border-bottom: none;
                //     }
                    .pageMember{
                        // flex: 1;
                        width: 50%;
                        font-size: 14px;
                        padding-right: 30px;
                        margin-bottom:48px;
                        box-sizing: border-box;
                        padding-bottom: 34px;
                        border-bottom: 1px solid #eaeaea;
                        &:nth-child(2n){
                            padding-right: 0;
                            padding-left: 30px;
                        }
                        .memberTitle{
                            display: flex;
                            align-items: center;
                            i{
                                display: inline-block;
                                margin-right: 38px;
                                font-size: 12px;
                                font-weight: bold;
                                color: #ff834d;
                                font-style: normal;
                            }
                            span{
                                display: inline-block;
                                background-color: #8c81c3;
                                width: 106px;
                                height: 26px;
                                line-height: 26px;
                                text-align: center;
                                border-radius: 5px;
                                color: #fff;
                                cursor: pointer;
                                margin-right: 32px;
                                font-size: 12px;
                                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                            }
                        }
                        .memberTable{
                            width: 100%;
                            table{
                                width: 100%;
                                thead{
                                    tr{
                                        font-size: 12px;
                                        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                                        color: #333;
                                        th{
                                            padding: 18px 0 14px 0;
                                            text-align: center;
                                        }
                                    }
                                }
                                tbody{
                                    tr{
                                        td{
                                            padding: 17px 0;
                                            text-align: center;
                                            font-size: 12px;
                                            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                                            color: #808080;
                                            &:first-child{
                                                text-align: left;
                                                color: #333;
                                                font-weight: 600;
                                                width: 42px;
                                            }
                                            &:nth-child(2){
                                                // width: 137px;
                                                width: 26%;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                // }
            }
        }
    }
}  
.el-input{
    width: 100%!important;
} 
.el-input .el-input__inner{
    border: none!important;
}
.el-input.is-disabled .el-input__inner{
    width: 100%!important;
}
// checkBox自定义样式
// .el-checkbox{
//     width: 100%!important;
//     margin-bottom: 10px;
//     .el-checkbox__input{
//         .el-checkbox__inner{
//             border-radius: 3px;
//             &:hover{
//                 border-color: #8c81c3;
//             }
//         }
//     }
//     .el-checkbox__input.is-checked .el-checkbox__inner{
//         background-color: #fff;
//         border-color: #8c81c3;
//     }
//     .el-checkbox__input.is-focus .el-checkbox__inner{
//         border-color: #8c81c3;
//     }
//     .el-checkbox, .el-checkbox__input.is-checked + .el-checkbox__label{
//         color: #8c81c3;
//     }
//     .el-checkbox__input .el-checkbox__inner::after{
//         // content:'';  
//         // position: absolute;  
//         top: 3px;  
//         left: 3px;  
//         width: 6px;  
//         height: 6px;   
//         transform: none!important;
//         border: none;
//         // border-radius: 2px;
//     }
//     .el-checkbox__input.is-checked .el-checkbox__inner::after{
//         transform: none!important;
//         background-color:#8c81c3;  
//         content: ''; 
//     }
//     .el-checkbox__label{
//         color: #8c81c3;
//         font-size: 18px;
//         font-weight: bold;
//         i{
//             color: #363636;
//             font-size: 12px;
//             font-style: normal;
//             margin-left: 10px;
//             vertical-align: top;
//             font-weight: 400;
//         }
//     }
// }
